<template> 
	<view class="page">
		
		<view class="indexBg"><image src="../../../static/images/jewel/index_cate_bg.jpg"></image></view>
		<!-- 黄金金价消息栏 -->
		<view class='gold-notice'>
			<image src="../../../static/icons/jewel/notice-icon.png" class="gold-notice-icon"></image>
			<view class="title">珠宝行情</view>
			<view class="gold-cont">
				<swiper class='gold-scroll-list swiper' autoplay interval='2000' circular vertical>
					<swiper-item v-for="(v, k) in gold_news" :key="k">
						<navigator open-type="navigate" url='/pages/jewel/user/gold?varietynm=item.varietynm' class="item-text">{{v.title}}</navigator>
					</swiper-item>
				</swiper>
				<view class='gold-more'>
				  <navigator open-type="navigate" url='/pages/jewel/user/gold'>></navigator>
				</view>
			</view>
		</view>
		<swiper class="news-list" :style="{height: 70*newsItem+'rpx'}" autoplay interval="3000" circular vertical disable-touch :display-multiple-items="newsItem">
			<swiper-item v-for="(v, k) in partnerList" :key="k">
				<view class="item">
					<!-- <image class="userimg" :src="v.head_pic_text"></image> -->
					<view class="text f-one-ellipsis">{{v.str}}</view>
				</view>
			</swiper-item>
		</swiper>
		
		<!-- 轮播图 -->
		<swiper class="banner-slide" autoplay circular @change="toggleDot">
			<swiper-item v-for="(v, k) in banner" :key="k">
				<navigator open-type="navigate" :url="v.url">
					<image :src="v.thumb" ></image>
				</navigator>
			</swiper-item>
		</swiper>
		
		<view class="g-banner-dots">
			<view v-for="(item, index) in banner" :class="[nDot == index ? 'act' : '']" :key="index"></view>
		</view>
		
		<view class="new-content">
			<view class="classify-tui">
				<view class="g-mall">
					<view class="item" v-for="(item,index) in promotion" :key="index" @tap="openMall(item.id)">
						<image class="new-icon" src="../../../static/icons/jewel/new-icon.png" v-if="item.is_new == 1"></image>
						<view class="icon">
							<image class="tu" :src="item.icon"></image>
						</view>
						<text>{{item.name}}</text>
					</view>
				</view>
			</view>
		</view>
		
		<view v-if="oneBanner.thumb" @tap="goUrl(oneBanner.url)">
			<image class="area-banner" :src="oneBanner.thumb" mode="widthFix"></image>
		</view>
		
		<view v-for="(item,index) in videoData" :key="index">
			<video class="index_video" :loop="false" :src="item.url" controls></video>
		</view>
		
		<view v-if="twoBanner.thumb"  @tap="goUrl(twoBanner.url)">
			<image class="area-banner" :src="twoBanner.thumb" mode="widthFix"></image>
		</view>
		
		<view v-if="threeBanner.thumb"  @tap="goUrl(threeBanner.url)">
			<image class="area-banner" :src="threeBanner.thumb" mode="widthFix"></image>
		</view>
		
		<view class="sec_data">
			<view class="list-title first" v-if="titleData.rec_header"><text class="line"></text><text>{{titleData.rec_header}}</text><text class="en">{{titleData.rec_title}}</text></view>
			<view class="product-container">
				<navigator open-type="navigate" class="product-item" :url="'/pages/jewel/goods/show?goods_id='+val.id" v-for="(val,key) in rec" :key="key">
					<image src="../../../static/icons/jewel/tip1.png" class="tips-pic" v-if="val.is_daiyan_zone == 1"></image>
					<image src="../../../static/icons/jewel/tip2.png" class="tips-pic" v-if="val.is_daiyan_zone == 0"></image>
					<view class="product-pic">
						<image :src="val.thumb"></image>
					</view>
					<view class="product-name f-two-ellipsis">{{val.goods_name}}</view>
					<view class="product-return-title"><text class="red">享</text>{{val.show_return_title}}</view>
					<view class="product-cont">
						<view class="rmb"><text>¥</text> {{val.price}}</view>
					</view>
				</navigator>
			</view>
		</view>
		
		<view v-if="fourBanner.thumb"  @tap="goUrl(fourBanner.url)">
			<image class="area-banner" :src="fourBanner.thumb" mode="widthFix"></image>
		</view>
		
		<view class="list-title first" v-if="titleData.bottom_header"><text class="line"></text><text>{{titleData.bottom_header}}</text><text class="en">{{titleData.bottom_title}}</text></view>
		<!-- 产品列表 -->
		<view class="product-center">
			<view class="flex">
				<navigator open-type="navigate" class="product-list-item" :url="'/pages/jewel/goods/show?goods_id='+item.id" v-for="(item,index) in datalist" :key="index" v-if="index%2==0">
					<view class="product-list-pic">
						<image :src="item.thumb" mode="widthFix"></image>
					</view>
					<view class="product-list-info">
						<text class="product-list-name"><text class="return-title">{{item.show_return_title}}</text>{{item.goods_name}}</text>
						<view class="flex">
							<text class="product-list-rmb">￥</text>
							<text class="product-list-price">{{item.price}}</text>
						</view>
					</view>
				</navigator>
			</view>
			<view class="flex">
				<navigator open-type="navigate" class="product-list-item" :url="'/pages/jewel/goods/show?goods_id='+item.id" v-for="(item,index) in datalist" :key="index" v-if="index%2==1">
					<view class="product-list-pic">
						<image :src="item.thumb" mode="widthFix"></image>
					</view>
					<view class="product-list-info">
						<text class="product-list-name"><text class="return-title">{{item.show_return_title}}</text>{{item.goods_name}}</text>
						<view class="flex">
							<text class="product-list-rmb">￥</text>
							<text class="product-list-price">{{item.price}}</text>
						</view>
					</view>
				</navigator>
			</view>
		</view>
		<!-- 弹框 -->
		<view class="popUp" :style="{display: popUp==1?'block':'none'}">
			<view class="popUp-title">享珠宝</view>
			<text>选择全新心仪珠宝首饰，支付享宝金立即开始使用！三年内随时随地可原退回平台，全新珠宝，换款式！也可以永久拥有，坐享保值，升值！</text>
			<image class="popUp-close" src="../../../static/images/jewel/btn_ok.png" @tap='toggleRule'></image>
		</view>
		<view class="m-loading" v-if="bIsShowLoading">
		    <image src="../../../static/images/loading.gif" mode="widthFix"></image>
		    <text>加载中</text>
		</view>
		<navigator open-type="navigate" url="/pages/jewel/user/gold" hover-class='none' class="goalLine"><image src="../../../static/images/jewel/lineicon.png"></image></navigator>
		<policyPopup ref="mapState" :showPopup="showPolicy" :policyPath="'/pages/common/article?id='+article"  @popupState="popupState"></policyPopup>
		
	</view>
</template>

<script>
	
	import henglang from '@/common/common_zb.js';
	import henglang_ydt from '@/common/common.js';
	export default {
		data() {
			return {
				datalist: [],	// 首页列表数据
				gold_news: [],	// 黄金曲线图数据
				banner: [],	// banner
				popUp: 0,	// 是否规则页面
				bIsShowLoading: false,
				page: 1,//页数
				totalPages: 1,//总页数
				route_key: '0',
				rec: [],//	推荐
				oneBanner: [],
				twoBanner: [],
				threeBanner: [],
				fourBanner: [],
				videoData:[],
				promotion:[],
				bIsShowMsg: true, // 显示消息红点
				search: '', // 搜索值
				nTitle: '',
				isGoodType : henglang_ydt.isGoodsTpye(),
				nDot:0,
				titleData:{},
				partnerList:[],
				newsItem:1,
				article:'',
				policyAgreement:uni.getStorageSync('policyAgreement'),
				showPolicy:false
			}
		},
		onShow() {
			// #ifdef MP-WEIXIN
			if(uni.getStorageSync('select_userinfo')) henglang.getUserInfo(this);
			// #endif
		},
		onPullDownRefresh (){
			this.get_data();
			uni.stopPullDownRefresh();
		},
		onLoad() {
			let that = this
			henglang.getUserInfo(that);
			that.get_data();
			if(!that.policyAgreement){
				that.showPolicy = true
				uni.hideTabBar()
			}
		},
		onReachBottom() {
		    this.page = ++this.page;
			this.getProduct('plus');
		},
		methods: {
			// 首页的所有数据
			get_data(){
				let that = this;
				var indexdata = {}
				that.bIsShowLoading = true;
				new Promise((resolve, reject)=>{
					henglang.get('index/index_data_old', {}, false, function(res){
						indexdata = res.data.data;
						that.rec = indexdata.rec;
						that.banner = indexdata.ad.carousel;
						that.gold_news = indexdata.gold_news;
						that.oneBanner = indexdata.ad.one[0]||{};
						that.twoBanner = indexdata.ad.two[0]||{};
						that.threeBanner = indexdata.ad.three[0]||{};
						that.fourBanner = indexdata.ad.four[0]||{};
						that.videoData = indexdata.video
						that.partnerList = indexdata.partner
						that.newsItem = indexdata.partner_num
						that.titleData = {
							rec_header:indexdata.rec_header,
							rec_title:indexdata.rec_title,
							bottom_header:indexdata.bottom_header,
							bottom_title:indexdata.bottom_title,
						}
						//是否开启id登录
						uni.setStorage({
							key:'id_login',
							data:indexdata.id_login
						});
						//获取购买协议
						uni.setStorage({
							key: 'buyAgreementData',
							data: {
								buy_agreement_article:indexdata.article.buy_agreement,
								isAgreemented:uni.getStorageSync('buyAgreementData').isAgreemented?uni.getStorageSync('buyAgreementData').isAgreemented:false
							},
						});
						if(indexdata.share){
							uni.setStorage({
								key:'app_share',
								data:indexdata.share
							})
						}
						if(indexdata.article){
							that.article = indexdata.article.registration_agreement
							uni.setStorage({
								key:'article',
								data:indexdata.article
							});
						}
					})
					henglang_ydt.get('app/getIndex',{},false,function(res){
						let data = res.data.data;
						that.promotion = data.promotion;
						uni.setStorage({
							key: 'price_function',
							data: {
								can_widthdraw:data.can_widthdraw,
								can_change:data.can_change
							}
						});
					})
					resolve();
				}).then(()=>{
					that.getProduct();
				})
				
				//红点
				//#ifdef APP-PLUS
				let pages = getCurrentPages();
				let page = pages[pages.length - 1];
				let currentWebview = page.$getAppWebview();
				if(indexdata.messages > 0){
					currentWebview.showTitleNViewButtonRedDot({index:1});
				}else{
					//隐藏红点
					currentWebview.hideTitleNViewButtonRedDot({index:1});
				}           
				//#endif
				that.bIsShowLoading = false;
			},
			toggleRule(){
				let popUp = this.popUp==1?0:1;;
				this.popUp = popUp;
			},
			search_keyword (e){
				let keyword = e.target.value;
				uni.navigateTo({
					url: '../goods/prolist?keyword=' + keyword
				})
			},
			getProduct(type){
				let that = this
				if(that.page <= that.totalPages){
					henglang.get('app/getGoodsMore', {page:that.page}, false, function(res){
						if (type == 'plus') {
							that.datalist = that.datalist.concat(res.data.data);
						} else {
							that.datalist = res.data.data;
							that.totalPages = res.data.total_pages;
						}
						that.bIsShowLoading = false;
					})
				}
			},
			openMall(id) {
				this.promotion.forEach(function(item,index){
					if(item.id == id){
						switch(item.type){
							case 1:
							uni.navigateTo({
								url:item.url
							});
							break;
							case 2:
							henglang_ydt.launchApp(item,plus);
							break;
							case 3:
							break;
							case 4:
							break;
							case 5:
							uni.navigateTo({
								url:item.app_url
							})
							break;
						}
						return false;
					}
				});
			},
			goUrl(url){
				if(url){
					uni.navigateTo({
						url:url
					})
				}
			},
			toggleDot(e) {
			    this.nDot = e.detail.current;
			},
			getUrlParam(paraName) {
				var url = this.resResult;
				var arrObj = url.split("?");
				if (arrObj.length > 1) {
					var arrPara = arrObj[1].split("&");
					var arr;
					for (var i = 0; i < arrPara.length; i++) {
						arr = arrPara[i].split("=");
						if (arr != null && arr[0] == paraName) {
							return arr[1];
						}
					}
				}
				return "";
			},
			popupState(e){ //e->false取消 true确认
				if(e){
					this.showPolicy = false
					uni.showTabBar()
					uni.setStorage({
						key:'policyAgreement',
						data:true
					})
					this.policyAgreement = true
				}else{
					plus.runtime.quit()
				}
			}
			
		},
		onNavigationBarSearchInputClicked(e) {
			if(!this.policyAgreement){
				henglang.showToast('请先同意服务协议和隐私政策后再试',1500)
			}else{
				uni.navigateTo({
					url:'/pages/jewel/index/search'
				})
			}
		},
		onNavigationBarButtonTap({
		    index
		}) {
			let that = this
			if(!that.policyAgreement){
				henglang.showToast('请先同意服务协议和隐私政策后再试',1500)
				return false
			}
		    switch (index) {
		        case 0:
		            uni.scanCode({
		                onlyFromCamera: true,
		                success: function(res) {
							that.resResult = res.result
							let action = that.getUrlParam('action')
							let pid = that.getUrlParam('pid')
							switch(action){
								case 'register_introduction':
									if(!henglang_ydt.checkLogin()){
										uni.navigateTo({
											url: '/pages/user/register?pid='+pid
										});
									}else{
										henglang.showToast('您已登录！请退出再操作',1000)
									}
								break;
								case 'youpin_choujiang':
									if(!henglang_ydt.checkLogin()){
										uni.navigateTo({
											url: '/pages/user/login'
										});
									}else{
										uni.navigateTo({
											url: '/pages/user/lottery_draw?is_saoma=1'
										});
									}
								break;
								case 'seller_pay':
									let seller_id = that.getUrlParam('seller_id')
									let seller_name = that.getUrlParam('seller_name')
									uni.navigateTo({
										url: '/pages/jewel/user/store_pay?&seller_id='+ seller_id + '&seller_name=' + seller_name
									});
								break;
								default:
									uni.navigateTo({
										url: '/pages/user/lottery_draw?is_saoma=1'
									});
								break;
							}
		                }
		            });
		            break;
		        case 1:
		            uni.navigateTo({
		                url: '/pages/user/notice?type=1'
		            });
		            break;
		        case 2:
		            break;
		    }
		}
	}
</script>
<style lang="scss">
	.page {
		overflow-x: hidden;
		background-color: #FFFFFF;
	}
	image {
		display: block
	}

	.banner-slide{
		background: #fff;
		width: 690rpx;
		height: 344rpx;
		margin: 0 auto;
		overflow: hidden;
		border-radius: 5px;
	}
	.banner-slide image {
		width: 100%;
		height: 344rpx;
		border-radius: 5px;
	}
	.g-banner-dots {
		width: 100%;
		height: 43rpx;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	
	.g-banner-dots .act {
	    background: #6e6e6e;
		border-color: #6e6e6e;
	}
	
	.g-banner-dots view {
	    width: 10upx;
	    height: 10upx;
	    border-radius: 100px;
		border: 2rpx solid #c3c3c3;
		margin: 0 10rpx;
	}
	

	/** 黄金通告 **/
	.gold-notice {
		width: 690rpx;
		height: 64upx;
		display: flex;
		align-items: center;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	
	.gold-notice .title {
		font-size: 28rpx;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		/* background-image:-webkit-linear-gradient(left,#f6ca45,#fdc997); */
		/* -webkit-background-clip:text; */
		/* -webkit-text-fill-color:transparent; */
	}
	
	.gold-scroll-list {
		width: 310rpx;
		height: 50upx;
		line-height: 50upx;
		color: #434343;
		margin-left: 20rpx;
	}

	.gold-more {
		font-size: 24upx;
		color: #cb241c;
		width: 26rpx;
		height: 26rpx;
		line-height: 26rpx;
		text-align: center;
		background-color: #FFFFFF;
		border-radius: 50%;
	}
	.gold-cont{
		display: flex;
		align-items: center;
		flex: 1;
		/* background: #fee2ed; */
		height: 50rpx;
		overflow: hidden;
		/* border-radius: 50rpx; */
	}
	.gold-cont .item-text{
		font-size: 21rpx;
		color: #FFFFFF;
	}
	.gold-notice-icon{
		width: 35rpx;
		height: 28rpx;
		margin-left: 7rpx;
		margin-right: 20rpx;
	}
	/* 分类 */
	.classify {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		background: #FFFFFF;
		position: relative;
		height: 502upx;
		z-index: 1;
		overflow: hidden;
	}
	
	.classify-item {
		width: 33.33%;
		display: block;
		padding: 20upx 0;
	}

	.classify-item image {
		width: 156upx;
		height: 156upx;
		display: block;
		margin: 0 auto;
		border: 2px solid #dd5f74;
		border-radius: 50%;
		overflow: hidden;
	}
	.classify-item text{
		display: block;
		text-align: center;
		font-size: 30upx;
		margin: 0 auto;
		position: relative;
		top: -20upx;
		z-index: 2;
		width: 172upx;
		line-height: 42upx;
		color: #FFFFFF;
		background: #ca4e64;
		border-radius: 50upx;
	}
	/* 区域 */
	.area-banner {
		width: 100%;
		position: relative;
		z-index: 2;
		margin: 14rpx 0;
	}

	.product-container {
		background: #f7f7f7;
		display: flex;
		flex-wrap: wrap;
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0;
		color: transparent;
	}
	.product-item {
		width: 236rpx;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		border-radius: 12upx;
		box-shadow:0px 0upx 16upx rgba(140,140,140,0.31);
		margin: 0 7rpx;
		margin-top: 10rpx;
		background-color: #FFFFFF;
	}
	.product-pic {
		width: 236rpx;
		height: 186rpx;
		overflow: hidden;
		display: flex;
		justify-items: center;
		align-items: center;
		background: #f4e2e4;
	}

	.product-pic image {
		width: 100%;
		height: 100%;
	}
	
	.product-name {
		font-size: 26upx;
		line-height: 34upx;
		color: #272727;
		padding: 10upx;
		padding-bottom: 0;
		background-color: #FFFFFF;
	}
	.product-item .tips-pic{
		position: absolute;
		top: 10rpx;
		left: 8rpx;
		width: 80rpx;
		height: 50rpx;
		z-index: 99;
	}
	.rmb {
		font-size: 36upx;
		color: #cf241c;
		font-weight: bold;
		text-align: left;
		line-height: 50rpx;
		height: 50rpx;
	}
	.rmb text{
		margin-right: 5upx;
		font-size: 26rpx;
	}
	.product-cont{
		background-color: #FFFFFF;
		padding: 10rpx;
		padding-top: 5rpx;
	}
	.slogan {
		background: #fd6361;
		border-radius: 100rpx;
		color: #fff;
		font-size: 24rpx;
		padding: 0 15rpx;
		position: absolute;
		right: 0;
		bottom: 3px;
	}
	.return{
		position: absolute;
		top: -2rpx;
		left: -4rpx;
		width: 164rpx;
		height: 61rpx;
	}
	.return image{
		width: 100%;
		height: 100%;
	}
	.add_btn{
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		text-align: center;
		color: #ca4e64;
		border: 1px solid #ca4e64;
		border-radius: 50%;
		font-size: 50rpx;
		bottom: 24rpx;
		right: 24rpx;
		line-height: 44rpx;
	}
	.product-return-title{
		display: inline-block;
		border-radius: 8rpx;
		border: 4rpx solid #e83343;
		color: #e62436;
		font-size: 20rpx;
		padding-right: 4rpx;
		margin-left: 10rpx;
		margin-top: 10rpx;
		vertical-align: middle;
	}
	.product-return-title .red{
		border-radius: 0 5rpx 5rpx 0;
		color: #FFFFFF;
		font-size: 20rpx;
		width: 34rpx;
		background-color: #e83343;
		display: inline-block;
		margin-right: 4rpx;
		text-align: center;
	}
	/* 产品列表 */
	.hot {
		width: 100%;
	}
	.product-center{
		background: #f7f7f7;
		display: flex;
		justify-content: center;
		padding-top: 10rpx;
	}
	.product-center .flex{
		width: 352rpx;
		margin: 0 7rpx;
	}

	.product-list-item {
		width: 352rpx;
		margin-bottom: 14rpx;
		overflow: hidden;
		background-color: #FFFFFF;
		border-radius: 10rpx;
	}

	.product-list-pic {
		width: 352upx;
		overflow: hidden;
		border-radius: 0 0 10rpx 10rpx;
	}

	.product-list-pic image {
		width: 100%;
	}

	.product-list-info .flex{
		display: flex;
		align-items: center;
		padding: 0 15rpx;
		padding-bottom: 20rpx;
	}
	.product-list-name {
		font-size: 28rpx;
		display: -webkit-box;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-top: 25upx;
		margin-bottom: 10upx;
		line-height: 40upx;
		height: 80upx;
		padding: 0 15rpx;
		color: #191919;
	}
	.product-list-name .return-title{
		background-color: #cf241c;
		color: #FFFFFF;
		font-size: 22rpx;
		padding: 0 8rpx;
		line-height: 30rpx;
		border-radius: 6rpx;
		margin-right: 4rpx;
		display: inline-block;
		vertical-align: middle;
		margin-top: -4rpx;
	}
	.product-list-rmb{
		font-size: 28upx;
		color: #cf241c;
		margin-top: 6upx;
		font-weight: bold;
	}
	.product-list-price{
		font-size: 38upx;
		color: #cf241c;
		font-weight: bold;
	}
	.product-list-slogan{
		font-size: 22upx;
		color: #c7274b;
		padding: 0 10upx;
		line-height: 40rpx;
		background: #ffffff;
		border-radius: 3px;
		margin-right: 10rpx;
		border: 1px solid #c7274b;
	}

	/* 弹框 */
	.popUp {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 99;
		transform: translate(-50%, -50%);
		background: #fff;
		border-radius: 5px;
		box-shadow: 0 0 99999px rgba(0, 0, 0, 1);
		padding: 20px;
		width: 70vw;
	}

	.popUp>text {
		display: block;
		margin-bottom: 10px;
		text-indent: 25px;
		line-height: 2;
		font-size: 14px;
	}

	.popUp .popUp-title {
		background: #bea374;
		color: #fff;
		display: block;
		border-radius: 50px;
		margin: 0 auto;
		padding: 5px 10px;
		width: 100px;
		text-align: center;
		margin-bottom: 10px;
		font-size: 22px;
	}

	.popUp-close {
		width: 45vw;
		height: 10vw;
		margin: 20px auto 0 auto;
		display: block;
	}

	.goalLine{
		position: fixed;
		bottom: 140upx;
		right: 0;
		width: 185upx;
		height: 157upx;
		z-index: 97;
	}
	.goalLine image{
		width: 100%;
		height: 100%;
	}
	.index-title{
		height: 92upx;
		display: flex;
		align-items: center;
		padding: 0 20upx;
		background: #FFFFFF;
	}
	.index-title .ch{
		color: #1a1a1a;
		font-size: 32upx;
		position: relative;
		padding-left: 18upx;
	}
	.index-title .ch::after{
		content: '';
		position: absolute;
		background: #f47a7a;
		width: 5upx;
		height: 21upx;
		bottom: 10upx;
		left: 0;
	}
	.index-title .en{
		color: #cdcdcd;
		font-size: 28upx;
		margin-top: 10upx;
		margin-left: 22upx;
	}
	.index_video{
		width: 100%;
		margin-bottom: 20rpx;
	}
	/* 商城入口 */
	.g-mall {
		position: relative;
		top: 0rpx;
		z-index: 2;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: flex-start;
		padding: 0 2%;
		box-sizing: border-box;
	}
	.g-mall .item{
		width: 25%;
		text-align: center;
		margin-bottom: 10rpx;
		position: relative;
	}
	.g-mall text {
		display: block;
		font-size: 28rpx;
		color: #4e4e4e;
	}
	.g-mall .icon{
		width: 120rpx;
		height: 120rpx;
		margin: 0 auto;
		overflow: hidden;
	}
	.g-mall .icon image{
		width: 100%;
		height: 100%;
	}
	.g-mall .new-icon{
		width: 29rpx;
		height: 29rpx;
		position: absolute;
		right: 10rpx;
		top: 6rpx;
	}
	.list-title{
		color: #363636;
		font-size: 36rpx;
		font-weight: bold;
		height: 50rpx;
		display: flex;
		align-items: center;
		margin-left: 14rpx;
		padding-top: 40rpx;
		padding-bottom: 15rpx;
	}
	.list-title .en{
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: normal;
		padding: 0 15rpx;
		line-height: 30rpx;
		border-radius: 5rpx;
		margin-left: 15rpx;
	}
	.list-title .line{
		width: 4rpx;
		height: 30rpx;
		margin-right: 20rpx;
	}
	.list-title.first .line{
		background-color: #cf241c;
	}
	.list-title.first .en{
		background-color: #f8948f;
	}
	.list-title.second .line{
		background-color: #e45624;
	}
	.list-title.second .en{
		background-color: #eb805b;
	}
	

	
	
	.new-content{
		position: relative;
		z-index: 1;
		margin-top: 30rpx;
	}
	.indexBg{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 430rpx;
		z-index: 0;
	}
	.indexBg image{
		width: 100%;
		height: 100%;
	}
	
	.news-list{
		width: 690rpx;
		height: 140rpx;
		border-radius: 5px;
		background-color: rgba($color: #000000, $alpha: 0.1);
		position: relative;
		z-index: 10;
		margin: 0 auto;
		margin-top: 10rpx;
		margin-bottom: 20rpx;
		padding: 10rpx{
			bottom: 5rpx;
		};
		box-sizing: border-box;
		.item{
			height: 60rpx;
			display: flex;
			align-items: center;
			.userimg{
				border-radius: 4px;
				width: 60rpx;
				height: 60rpx;
				display: block;
			}
			.text{
				line-height: 60rpx;
				color: #FFFFFF;
				white-space: nowrap;
				margin-left: 15rpx;
			}
			
		}
	}
	
</style>
